// pages/management/management.js
import * as echarts from '../../ec-canvas/echarts.min.js';
let chart = null;

function initChart(canvas, width, height, dpr) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);

  var option = {
    title: {
      text: '最近7个月/周的交易数据',
      left: 'center'
    },
    // legend: {
    //   data: ['A', 'B', 'C'],
    //   top: 50,
    //   left: 'center',
    //   // backgroundColor: 'red',
    //   z: 100
    // },
    grid: {
      containLabel: true
    },
    tooltip: {
      show: true,
      trigger: 'axis'
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: ['一月', '一月', '一月', '一月', '一月', '一月', '一月'],
      // show: false
    },
    yAxis: {
      x: 'center',
      type: 'value',
      splitLine: {
        lineStyle: {
          type: 'dashed'
        }
      }
      // show: false
    },
    series: [{
      name: '金额',
      type: 'line',
      smooth: true,
      data: [18, 36, 65, 30, 78, 40, 33]
    }]
  };

  chart.setOption(option);
  return chart;
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    ec: {
      onInit: initChart
    },
    stationOption: [{
        text: '站点筛选',
        value: 'a'
      },
      {
        text: '站点1',
        value: 'b'
      },
      {
        text: '站点2',
        value: 'c'
      },
    ],
    dateOption: [
      {
        text: '月度查询',
        value: 'b'
      },
      {
        text: '周查询',
        value: 'c'
      },
    ],
    stationValue: 'a',
    dateValue: 'b',
    codes: [{
      code: 123456,
      tips: '123456',
      last_time: '2023-1-1',
      stat: '状态'
    }],
    showCanvas:true,
  },
  stationChange({detail}){
    console.log(detail)
  },
  dateChange({detail}){
    console.log(detail)
  },
  open(){
    console.log('打开')
    this.setData({
      showCanvas:false
    })
  },
  close(){
    console.log('关闭')
    this.setData({
      showCanvas:true
    })
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})